<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:c="http://xmlns.jcp.org/jsf/composite"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="-1" />
	<title>Skytef - Moedeiro Eletrônico</title>
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/css/skytefAcesso.css" />

</h:head>
<h:body>
	<p:layout fullPage="true">

		<!-- #######################################################-->
		<!-- NORTE -->
		<!-- #######################################################-->
		<p:layoutUnit id="top" position="north" size="100">
			<table cellpadding="0" cellspacing="0" width="100%" border="0">
				<tr>
					<td height="50"><p:graphicImage url="/imagens/head_skytef2.png" /></td>
					<td height="50" align="center"><p:outputLabel value="#{versaoBean.ambiente}" style="color: red; font-size: large; width: 300px;" /></td>
					<td height="50" valign="bottom" align="right"><p:outputLabel value="Versão : #{versaoBean.versao} - Data : #{versaoBean.dataAtual()}" /></td>
				</tr>
				<tr>
					<td colspan="3"><ui:include src="/jsp/WEB/menu.xhtml" /></td>
				</tr>
			</table>
		</p:layoutUnit>

		<!-- #######################################################-->
		<!-- OESTE -->
		<!-- #######################################################-->
		<p:layoutUnit position="west" size="200" header="Favoritos" resizable="true" closable="true" collapsible="true">
			<ui:include src="/jsp/WEB/favoritos.xhtml" />
		</p:layoutUnit>
		
		<!-- #######################################################-->
		<!-- CENTRO -->
		<!-- #######################################################-->
		<p:layoutUnit position="center">

			<ui:insert name="centro">
             	O que estiver aqui será substituido!	
            </ui:insert>

		</p:layoutUnit>
		<!-- #######################################################-->
		<!-- SUL -->
		<!-- #######################################################-->
		<!-- <p:layoutUnit position="south" height="50" scrollable="null"-->
		<!-- 	style="text-align:center">-->
		<!-- 	<h:outputLink target="_blank" value="http://www.skytef.com.br">www.skytef.com.br</h:outputLink>-->
		<!-- </p:layoutUnit>-->
	</p:layout>

</h:body>
</html>